// 封装购物车模块

import { defineStore } from 'pinia'
import { computed, ref } from 'vue'


export const useCartStore = defineStore('cart', () => {
  // 1. 定义state - cartList
  const cartList = ref([])
  // 2. 定义action - addCart
  const addCart = async (goods) => {
    console.log('添加', goods)
    // 添加购物车操作
    // 已添加过 - count + 1
    // 没有添加过 - 直接push
    // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
    const item = cartList.value.find((item) => goods.skuId === item.skuId)
    if (item) { 
      // 找到了
      item.count++
    } else {
      // 没找到
      cartList.value.push(goods)
    }
  }
  //删除购物车
  const delCart = async (skuId) => {
    // 思路：
    // 1. 找到要删除项的下标值 - splice
    // 2. 使用数组的过滤方法 - filter
    // 根据skuId查找购物车中的商品，并删除
    const idx = cartList.value.findIndex((item) => skuId === item.skuId)
    cartList.value.splice(idx, 1)
  }

  //计算购物车中商品总数
  const allCount = computed(() => cartList.value.reduce((pre, item) => pre + item.count , 0))
  //计算购物车中商品总价
  const allPrice = computed(() => cartList.value.reduce((pre, item) => pre + item.count * item.price,0))


  return {
    cartList,
    allCount,
    allPrice,
    addCart,
    delCart
  }
}, {
  // 是否在本地存储中持久化数据
  persist: true,
})